|
課程名稱 |
網頁設計與敘事
Web Design for Storytelling |
|
開課學期 |
108-1 |
|
授課對象 |
社會科學院 新聞研究所 |
|
授課教師 |
謝吉隆 |
|
課號 |
JOUR7086 |
|
課程識別碼 |
342 M3020 |
|
班次 |
|
|
學分 |
3.0 |
|
全/半年 |
半年 |
|
必/選修 |
選修 |
|
上課時間 |
星期四2,3,4(9:10~12:10) |
|
上課地點 |
新聞103 |
|
備註 |
限學士班三年級以上
總人數上限：25人
外系人數限制：10人 |
|
Ceiba 課程網頁 |
http://ceiba.ntu.edu.tw/1081web |
|
課程簡介影片 |
|
|
核心能力關聯 |
核心能力與課程規劃關聯圖 |
|
課程大綱
|
|
為確保您我的權利,請尊重智慧財產權及不得非法影印
|
|
課程概述 |
本課程內容涵括HTML、CSS、JSON、SQL、Bootstrap、jQuery、AJAX、JavaScript、d3.js等多項網頁前端呈現技術，並讓學生具有因應不同載具而設計的響應式網頁概念，以及利用前端技術進行互動敘事的能力。授課內容主要著重在互動敘事的設計，而非程式寫作。本課程為沒有程式經驗但欲利用網頁進行資料展演、敘事的初學者而開，預期學生將具有自行設計網頁、產製互動式多媒體新聞的能力。 |
|
課程目標 |
學生具有運用前端技術進行資料呈現與互動敘事的能力 |
|
課程要求 |
- 請假必須照標準台大線上請假程序請假，一次經查應到未到者扣總成績3分。
- 缺交作業者。如遲交作業該項作業乘以80%。遲交一週該項成積不予計分。 |
|
預期每週課後學習時數 |
|
|
Office Hours |
|
|
指定閱讀 |
待補 |
|
參考書目 |
待補 |
|
評量方式
(僅供參考) |
|
No. |
項目 |
百分比 |
說明 |
|
1. |
期中作業 |
30% |
用模板Bootstrap設計一則網頁新聞 |
2. |
期末作品 |
30% |
視差捲軸網頁設計 |
3. |
期末海報 |
10% |
|
4. |
作業 |
30% |
指定敘事方法的網頁設計*2 |
|
|
週次 |
日期 |
單元主題 |
|
第1週 |
9/12 |
Overview |
|
第2週 |
9/19 |
HTML and CSS |
|
第3週 |
9/26 |
Bootstrap |
|
第4週 |
10/03 |
Invited Talk: How news media produced interactive storytelling
Fixed background |
|
第5週 |
10/10 |
1010Vacation |
|
第6週 |
10/17 |
Report: Storytelling in News |
|
第7週 |
10/24 |
Invited Talk: How news media told stories with data
Prototyping and wireframing |
|
第8週 |
10/31 |
jquery scroll-to-fixed |
|
第9週 |
11/07 |
Report: Using bootstrap |
|
第10週 |
11/14 |
Animation by CSS3 |
|
第11週 |
11/21 |
Scrolling - status bar and application |
|
第12週 |
11/28 |
Scrollspy detection |
|
第13週 |
12/05 |
Horizontal Scrolling |
|
第14週 |
12/12 |
Parallax Scrolling |
|
第15週 |
12/19 |
Invited Talk: Usability of web design
Map design and sheet data |
|
第16週 |
12/26 |
Animated Charts |
|
第17週 |
1/02 |
Final Presentation |
|
第18週 |
1/09 |
Final poster |